import { defineStore } from 'pinia'
import { ref } from 'vue'

export const useUserStore = defineStore(
  'offer-user',
  () => {
    const token = ref('')
    const setToken = (newToken) => {
      token.value = newToken
    }
    const removeToken = () => {
      token.value = ''
    }

    return {
      token,
      setToken,
      removeToken
    }
  },
  {
    persist: true
  }
)

export const UserInfo = defineStore(
  'username',
  () => {
    const username = ref('')
    const userid = ref()
    const userAvator = ref('')
    const setinfo = (name, id, avator) => {
      username.value = name
      userid.value = id
      userAvator.value = avator
    }
    const removeinfo = () => {
      username.value = ref()
    }

    return {
      username,
      userid,
      userAvator,
      setinfo,
      removeinfo
    }
  },
  {
    persist: true
  }
)
